<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优质海报评选</title>
    <meta name="description" content="">
    <style>
        :root {
            --nav-height: {$h}px;
        }
    </style>
    <link rel="stylesheet" href="__STATIC__/active/fortune_share/css/common.css?v=31">
    <link rel="stylesheet" href="__STATIC__/active/fortune_share/css/index.css?v=31">
</head>
<body>
<div class="container container-hd">
    <div class="container-head">
        <div id="nav" class="nav"></div>
        <div class="title">
            <span class="back tap" data-event="common-js-to-native" data-target="local" data-link="finish"></span>
<!--            <span class="back tap" data-event="common-js-to-native" data-target="local" data-link="back"></span>-->
            <span class="text">优质海报评选</span>
            <span class="rule tap" data-event="rule">活动规则</span>
        </div>
    </div>
    <div class="container-body">
        <div class="tabs">
            <div class="tab-title">
                <div class="title tap cur" data-event="index">投票</div>
                <div class="title tap" data-event="rank">排行</div>
                <div id="mine" class="title tap" data-event="mine">我的</div>
            </div>
            <div class="tab-content">
                <div class="tab-item" style="display: block">
                    <div class="tip">本期：{$this_week_start}（周一）——{$this_week_end}（周日）</div>
                    <div class="middle" style="height: calc(100vh - 9.42rem - var(--nav-height));overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;">
                        <div class="bg"></div>
                        <div class="list-item" style="padding-bottom: 4rem;">
                            <div class="box-shadow"></div>
                            <div class="img swipeleft swiperight tap" data-event="photo-change" data-img="">
                                <span class="empty-tip">暂时无人参与<br/>快去参与吧～</span>
                            </div>
                            <div class="info-area">
                                <div id="userinfo" class="info">
                                    <span class="avatar"></span>
                                    <span class="nickname">加载中...</span>
                                </div>
                                <div id="like" class="info tap" data-event="like" data-id="0" style="overflow: hidden;">
                                    <span class="num">0</span>
                                    <span class="like"></span>
                                    <span class="text">喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="left" class="left tap" data-event="prev"></div>
                    <div id="right" class="right tap" data-event="next"></div>
                    <div id="fixed-btn" class="fixed-btn tap" data-event="complain" data-id="0">举报</div>
                </div>
                <div class="tab-item">
                    <div class="sub-tab-title">
                        <div class="selected-bg"></div>
                        <div class="title tap cur" data-event="this-week">本期排行</div>
                        <div class="title tap" data-event="last-week">上期排行</div>
                    </div>
                    <div class="sub-tab-content">
                        <div class="sub-tab-item" style="display: block;padding-top: 0.69rem;">
                            <div class="tip">本期：{$this_week_start}（周一）——{$this_week_end}（周日）</div>
                            <div id="this-week-list" class="middle">

                            </div>
                        </div>
                        <div class="sub-tab-item" style="padding-top: 0.69rem;">
                            <div class="tip">上期：{$last_week_start}（周一）——{$last_week_end}（周日）</div>
                            <div id="last-week-list" class="middle">
                                <div class="empty-tip">暂无记录</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-item">
                    <div class="sub-tab-title">
                        <div class="selected-bg"></div>
                        <div class="title tap cur" data-event="my-poster">我的海报</div>
                        <div class="title tap" data-event="my-like">投票记录</div>
                    </div>
                    <div class="sub-tab-content">
                        <div class="sub-tab-item" style="display: block;">
                            <div id="my-poster-list" class="middle" style="padding-top: 0.69rem;">

                            </div>
                        </div>
                        <div class="sub-tab-item">
                            <div id="my-voted-list" class="middle double" style="padding-top: 0.69rem;">

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="btn-list">
<!--                <button class="tap" data-event="upload">上传海报参加评选</button>-->
<!--                <button class="tap" data-event="common-js-to-native" data-target="local" data-link="day?need_auth=1">去生成我的海报</button>-->
            </div>
        </div>
        <div class="rule">
            <div class="tab-title">
                <div class="title cur">活动规则</div>
            </div>
            <div class="tab-content">
                <div class="tab-item" style="display: block;">
                    <p class="section-text" style="padding-top: 0.5rem;">1. 第1名可获得“{$prize_data.prize1}”</p>
                    <p class="section-text">2. 2-3名可获得“{$prize_data.prize2}”</p>
                    <p class="section-text">3. 4-10名可获得“{$prize_data.prize3}”</p>
                    <p class="section-text">4. 票数超过50（包括50）的用户可获得{$prize_data.prize4}</p>
                    <p class="section-text">注意：每周奖励可能不一样，以当前页面规则为准</p>
                    <p class="section-title">活动须知</p>
                    <p class="section-text">1.该活动只接受准了日运分享的海报作品参与，用户需上传日运分享的海报参加评选，上传其它图片视为违规，活动发起方有权撤销其参与资格并删除图片。</p>
                    <p class="section-text">2.每周只支持用户上传1张海报参加评选，重新上传海报则视为参与者自动放弃历史上传的图片，系统会自动做删除处理。</p>
                    <p class="section-text">3.如参与者使用特殊手段进行作弊，活动发起方有权利撤销其参与资格。</p>
                    <p class="section-text">4.如海报中包含敏感信息，活动发起方有权撤销其参与资格，并做删除处理；情节严重需追究法律责任。</p>
                    <p class="section-title">活动时间</p>
                    <p class="section-text">每周一至周日 （可打开当前页面有效）</p>
                    <p class="section-bottom">本活动最终解释权归准了所有</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="https://oss.goddessxzns.com/static/live/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://oss.goddessxzns.com/static/live/js/jquery.mobile-1.4.5.min.js"></script>
<script>
    window.host = `{$domain}`;
    window.header = {$header};
    window.app_type = `{$app_type}`;
</script>
<script type="text/javascript" src="__STATIC__/active/fortune_share/js/index.js?v=31"></script>
{include file="../apps/web/view/public/sensors.html" /}
</body>
</html>
